@font-face {
  font-family: 'tapeworm';  
  src: url('~@/assets/fonts/tapeworm.eot');
  src: url('~@/assets/fonts/tapeworm.eot?#iefix') format('embedded-opentype'),
  url('~@/assets/fonts/tapeworm.woff2') format('woff2'),
  url('~@/assets/fonts/tapeworm.woff') format('woff'),
  url('~@/assets/fonts/tapeworm.ttf') format('truetype'),
  url('~@/assets/fonts/tapeworm.svg#iconfont') format('svg');
}
.manage{
  height: 90%;
  padding-bottom: 20px;
  overflow: hidden;
  &-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 0 8px 8px;
    &-primary {
      padding-top: 20px;
      margin-left: 8px;
    }
  }
}

.demo-table-expand {
  font-size: 0;
}
.demo-table-expand label {
  // width: 90px;
  color: #99a9bf;
}
.demo-table-expand .el-form-item {
  margin-right: 0 !important;
  margin-bottom: 0;
  width: 50%;
}

.content-wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 15px;

  .table-box {
    flex: 1;
    overflow: scroll;
  }

  .pagination-box {
    text-align: center;
  }

  .avatar-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }

  .avatar-uploader .el-upload:hover {
    border-color: #409eff;
  }

  .avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
  }

  .avatar {
    width: 100px;
    height: 100px;
    display: block;
  }
}